
*{margin:0;padding:0;}

body{
    max-width:500px;
    background:#202020;
}

a{
    display:block;
    margin:0 auto;
    text-decoration:none;
    color:#999;
}

a:hover{
    color:#666;
}

li{
    height:30px;
    list-style:none;
}

.frame_head{
    width:60%;
    height:60%;
    display:block;
    border-radius:50%;
    margin:50px auto 5px;
}

.frame_head:hover{
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6),0 0 10px 3px rgba(255,255,255,.6);
}

.frame_tittle{
	height:40px;
    color:#999;
    font-size:30px;
    font-weight:800;
    margin:15px 0  35px;
    text-align:center;
	overflow:hidden;
}

.frame_tittle:hover{
    color:#fff;
}

.frame_menu_s{

}

.frame_menu_s li{
    margin:20px 0;
    font-size:120%;
    borde1r:1px solid #f10214;
}

.frame_menu_h{
    
    margin:0 auto;
}

.frame_menu_h li{
    float:left;
    font-size:150%;
    margin:20px 0 40px 12%;
}

.frame_icon{
    width:32px;
    height:32px;
    margin:0 3% 0 7%;
}